<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="robots" content="index, follow">
	<title>Blog Demo</title>
	<link rel="stylesheet" type="text/css" href="project.css">
</head>
<body>
	<div class="head">
		<div class="logo_title">
			<h1>Zero's Blog</h1>
			<h2>个人博客</h2>
		</div>		
		<div class="navi">
			<ul>
				<li><a href="#">Home</a></li>
				<li><a href="#">归档</a></li>
				<li><a href="#">About Me</a></li>
			</ul>
		</div>
		<div class="clear"></div>
	</div>
	<div class="wrapper">
		<div class="main">
			<div class="item">
				<div class="item_img">
					<img src="header.png" alt="header pic">
				</div>
				<div class="item_content">
					<h3>Zero's Blog 个人博客</h3>
					<p class="item_info">作者：Zero 日期：2013年9月16日</p>
					<p class="item_desc">第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World</p>
				</div>
			</div>

			<div class="item">
				<div class="item_img">
					<img src="header.png" alt="header pic">
				</div>
				<div class="item_content">
					<h3>Zero's Blog 个人博客</h3>
					<p class="item_info">作者：Zero 日期：2013年9月16日</p>
					<p class="item_desc">第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World</p>
				</div>
			</div>

			<div class="item">
				<div class="item_img">
					<img src="header.png" alt="header pic">
				</div>
				<div class="item_content">
					<h3>Zero's Blog 个人博客</h3>
					<p class="item_info">作者：Zero 日期：2013年9月16日</p>
					<p class="item_desc">第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World</p>
				</div>
			</div>

			<div class="item">
				<div class="item_img">
					<img src="header.png" alt="header pic">
				</div>
				<div class="item_content">
					<h3>Zero's Blog 个人博客</h3>
					<p class="item_info">作者：Zero 日期：2013年9月16日</p>
					<p class="item_desc">第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World</p>
				</div>
			</div>
			<div class="item">
				<div class="item_img">
					<img src="header.png" alt="header pic">
				</div>
				<div class="item_content">
					<h3>Zero's Blog 个人博客</h3>
					<p class="item_info">作者：Zero 日期：2013年9月16日</p>
					<p class="item_desc">第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World第一篇博客，Hello World</p>
				</div>
			</div>

		</div>
		<div class="side">
			<div class="author_info">
				<div class="author_img">
					<img src="author.jpg">
				</div>
				<div class="author_desc">
					<h4>Zero</h4>
					<p>Zero的个人博客，爱开源，<br>爱Coding</p>
				</div>
			</div>

			<div class="top_article">
				<h3>推荐文章</h3>
				<ul>
					<li>好文要顶-1</li>
					<li>好文要顶-2</li>
					<li>好文要顶-3</li>
					<li>好文要顶-4</li>
					<li>好文要顶-5</li>
					<li>好文要顶-6</li>
					<li>好文要顶-7</li>
					<li>好文要顶-8</li>
				</ul>
			</div>

			<div class="site_info">
				<p>访客：123467890</p>
				<p>文章：23456篇</p>
			</div>

		</div>
		<div class="clear"></div>
	</div>
	<!-- 底部栏 -->
	<div class="footer">
		<div class="site_about">
			2012~2013 CopyRight coolcoder.me
		</div>
		<div class="site_link">
			<ul>
				<li>关于我们</li>
				<li>联系我们</li>
				<li>使用条款</li>
				<li>意见反馈</li>
			</ul>
		</div>

		<div class="clear"></div>
		
	</div>

</body>
</html>